<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./../../assets/css/base.css">
    <link rel="stylesheet" href="./../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./../../assets/css/fillreason.css">
</head>

<body>
    <div class="apply-container banxin">
        <div class="schedule">
            <div class="">
                <p>1、选择退款货品</p>
            </div>
            <div class="handle jxColor">
                <p>2、填写退款原因、金额</p>
            </div>
            <div class="tuihuo">
                <p>3、退款处理</p>
            </div>
            <div class="finish">
                <p>4、退款完成</p>
            </div>
        </div>
        <div class="goods-table sn-clr">
            <div class="table-title">
                <div style="width:320px;">货品</div>
                <div style="width:150px;">单价（元）</div>
                <div style="width:90px;">数量</div>
                <div style="width:130px;">优惠</div>
                <div style="width:155px;">已付金额（元）</div>
                <div style="width:125px;">货品状态</div>
                <div style="width:205px;">退货数量</div>
            </div>
            <div class="detail-left sn-clr">
                <ul>
                    <li>
                        <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                        <div class="left-text">
                            <div class="pro-detail">
                                <a href="#">
                                    <h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3>
                                </a>
                                <p>货号：367141-431</p>
                                <p>尺码：7.5(36.5)</p>
                            </div>
                            <span class="detail-price">580.00</span>
                            <span class="detail-count">2</span>
                            <span class="promotion">-</span>
                            <span class="state">14.00</span>
                            <span class="price-sum">未发货</span>
                            <span class="returnNum"><input type="text" name="" value="" style="width:50px">最多2件</span>
                        </div>
                    </li>
                     <li>
                        <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                        <div class="left-text">
                            <div class="pro-detail">
                                <a href="#">
                                    <h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3>
                                </a>
                                <p>货号：367141-431</p>
                                <p>尺码：7.5(36.5)</p>
                            </div>
                            <span class="detail-price">580.00</span>
                            <span class="detail-count">2</span>
                            <span class="promotion">-</span>
                            <span class="state">14.00</span>
                            <span class="price-sum">未发货</span>
                            <span class="returnNum"><input type="text" name="" value="" style="width:50px">最多2件</span>
                        </div>
                    </li>
                     <li>
                        <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                        <div class="left-text">
                            <div class="pro-detail">
                                <a href="#">
                                    <h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3>
                                </a>
                                <p>货号：367141-431</p>
                                <p>尺码：7.5(36.5)</p>
                            </div>
                            <span class="detail-price">580.00</span>
                            <span class="detail-count">2</span>
                            <span class="promotion">-</span>
                            <span class="state">14.00</span>
                            <span class="price-sum">未发货</span>
                            <span class="returnNum"><input type="text" name="" value="" style="width:50px">最多2件</span>
                        </div>
                    </li>
                </ul>
            </div>            
        </div>
        <p class="reason-title">请填写退款原因及金额<span>填写相应的退款原因、金额、运费等相关信息</span></p>
        <div class="reason">
            <div class="reason-left">
                <div class="rl-top">
                    <h3>订单摘要</h3>
                    <p><span>订单号：</span>94719585939704983</p>
                    <p><span>下单时间：</span>2017-11-13 18:03:08</p>
                    <p><span>付款时间：</span>2017-11-13 20:35:04</p>
                    <p><span>订单状态：</span><span class="orange">等待仓库发货</span></p>
                    <p><span>已付款：</span><span class="orange">3480.00</span>元</p>
                    <span class="yunfei">(含运费 16.00 元)</span>
                    <a href="#">>>查看订单详情</a>
                </div>
                <div class="rl-bot">
                    <h3>仓库信息</h3>
                    <p>上海一仓</p>
                    <p>联系方式：021-50588886-803 <br>（周一～周五：早9:00～下午18：00）</p>
                     <p>客服：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=380828752&site=qq&menu=yes"><img class="qq" border="0" src="./../../assets/img/qq.svg" alt="点击这里给我发消息" title="点击这里给我发消息"/>380828752</a><br>
                    （周一～周五：早9:00～下午18:00）</p>
                </div>
            </div>
            <div class="reason-right">
                <div class="rr-top">
                    <div>
                        <span><i>*</i>是否收到货品：</span>
                        <input type="radio" name="goods">没有收到货品
                        <input type="radio" name="goods">已收到全部（或部分）货品
                        <div class="tips">没收到货时，请勿选择“已收到全部（或部分）货品”</div>
                    </div>
                    <div>
                        <span><i>*</i>退款原因：</span>
                        <select title="请选择退款原因" class="droplist">
                            <option value ="请选择退款原因">请选择退款原因</option>
                            <option value ="仓库缺货">仓库缺货</option>
                            <option value="未按约定时间发货">未按约定时间发货</option>
                            <option value="不想买了/订单下错了">不想买了/订单下错了</option>
                        </select>
                    </div>
                    <div>
                        <span><i>*</i>需要退款的货品金额：</span>
                        <p>3460.00 元</p>
                    </div>
                    <div>
                        <span><i>*</i>需要退款的运费金额：</span>
                        <input type="text" placeholder="不超过16.00元" value="16.00">元    
                        <div class="exp">退货运费说明
                            <i class="iconfont icon-icon1"></i>
                            <div class="exp-hover">
                                <p>由卖家承担：货品质量问题、假货等</p>
                                <p>由买家承担：个人原因不喜欢、不想要等</p>
                            </div>
                        </div>
                        <p class="talk">如实际运费高于16.00元，请联系客服协商打款方式。</p>
                    </div>
                     <div>
                        <span><i>*</i>退款说明：</span>
                        <textarea placeholder="内容在2-200字之间，建议填写有关退款原因说明等信息"></textarea>
                    </div>
                </div>
                <div class="rr-bot">
                    <div class="bigTips"><img src="./../../assets/img/dp.svg" alt="">请仔细确认您的退款金额，一旦同意该退款协议，<span>3476.00</span>元退款金额将原路退还至您的支付账户</div>
                    <div class="pwd"><span>登录密码：</span><div class="pwdBox"><input type="password"></div></div>
                    <p>请输入登录密码</p>
                    <button>立即申请退款</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./../../assets/build/sportjx.js"></script>
<script src="./../../assets/build/mainsite.js"></script>
<script src="./../../assets/build/js/refund.js"></script>

</html>